@extends('layouts.index')
@section('title',trans('web.sign_in'))
@section('content')

    <div class="main-container">
        <section class="account-flow">
            <!-- react-empty: 1929 -->
            <header class="span14 account-flow__head">
                <div class="span7 span13-mobile push5-desktop">
                    <h1 class="account-flow__head__title">@lang('web.log_in_to_account')</h1>
                    <h2 class="account-flow__head__title account-flow__head__title--faded">Log in and start using your FWA profile.</h2>
                </div>
            </header>
            <div class="account-block-content">
                <div class="">
                    <aside class="span5 span5-tablet span14-mobile account-block-content__aside">@lang('web.Existing_user')</aside>
                    <div class="span9 span100p-tablet span100p-mobile account-block-content__content">
                        <div class="span4 span6-tablet span100p-mobile account-flow__form">
                            <header class="block-label--relative">@lang('web.Photography_user')</header>
                            <form action="{{route('login')}}" method="post">
                                {{csrf_field()}}
                                <label class="custom-label relative"><input type="email" id="email" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="email" required="" placeholder="@lang('web.email')">
                                </label>
                                <span></span>
                                <label class="custom-label relative"><input type="password" id="password" class="custom-input__input span3 span4-tablet span100p-mobile account-flow__form__input" name="password" required="" placeholder="@lang('web.password')" pattern="^.{6,}$"></label>
                                <label for="remember8" class="custom-checkbox"><input type="checkbox" id="remember8"  name="remember" class="custom-checkbox__input">
                                    <div class="custom-checkbox__pseudo"></div>
                                    <!-- react-text: 1949 -->@lang('web.remember_me')<!-- /react-text -->
                                </label>
                                <button type="submit" value="@lang('web.sign_in')" name="Sign in" class="form-submit account-flow__form__submit button--go"><!-- react-text: 1951 -->@lang('web.sign_in')<!-- /react-text --><svg class="svg-spinner form-submit__spinner svg-spinner--inactive" width="16px" height="16px" viewBox="0 0 66 66"><circle class="svg-spinner__path-bg" stroke="transparent" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle><circle class="svg-spinner__path" stroke="#dbdbdb" fill="none" stroke-width="6" stroke-linecap="round" cx="33" cy="33" r="30"></circle></svg>
                                </button>
                            </form>
                            <div class="account-flow__form__btw">
                                <a class="account-flow__form__btw__link" href="{{ route('password.request') }}">@lang('web.forgot_password')</a>
                                <a class="account-flow__form__btw__link" href="{{ route('register') }}">@lang('web.sign_up')</a>
                            </div>
                        </div>

                        <div class="cf"></div>
                    </div>
                    <div class="cf"></div>
                </div>
            </div>
        </section>
    </div>
@endsection